<template>
  <div>
    <DiscoverWonderful v-if="showMySongAndFriend"/>
    <FriendsState v-else/>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import DiscoverWonderful from '../../components/NotLogin/DiscoverWonderful'
import FriendsState from './FriendsState'
export default {
  name: 'Friends',
  components:{
    DiscoverWonderful,
    FriendsState
  },
  data(){
    return {
    }
  },
  computed:{
    ...mapState({
      showMySongAndFriend:state=>state.songandfriends.showMySongAndFriend
    })
  }
}
</script>

<style lang="less" scoped>

</style>
